Check color contrast ratios for accessibility compliance. Ensure your designs meet WCAG standards with our free, instant contrast checker.
Select foreground and background colors using color pickers or by entering HEX, RGB, or HSL values. The tool supports all common color formats.
Click "Check Contrast" to calculate the contrast ratio between your selected colors. The tool will instantly display the ratio and WCAG compliance results.
See if your color combination passes WCAG AA and AAA standards for normal text, large text, and UI components. View previews in different vision modes.
Copy the contrast ratio results or reset the tool to start over. All processing happens locally in your browser - your colors never leave your device.